<template>
  <view class="tip-col">
    <image style="height: 180px;margin-top: 20px;" :style="customStyle" src="/static/empty.png" mode="heightFix"></image>
    <text class="mar-top10 color-gray">{{props.text}}</text>
  </view>
</template>

<script setup lang="ts">
  import { ref} from "vue";
  const props=defineProps({
    customStyle:{
      type:Object,
      default:{}
    },
    text:{
      type:String,
      default:"暂无数据"
    }
  })
</script>

<style scoped lang="scss">
  .tip-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .mar-top10{
    margin-top: 10px;
  }
  .color-gray{
    color: $uni-text-color-grey;
  }
</style>